<template>
    <div class="index-div">
        <nav-bar></nav-bar>
        <book-carousel></book-carousel>
        <book-recommend-bar v-for="item in 4"></book-recommend-bar>
        <cus-footer></cus-footer>
    </div>
</template>

<script>
    import NavBar from '../common/NavBar';
    import BookCarousel from './BookCarousel';
    import Footer from '../common/Footer';
    import BookRecommendBar from './BookRecommendBar';
    export default {
        name: "index",
        data(){
            return {
                msg: "这是index主页组件"
            }
        },
        methods:{

        },
        components:{
            'nav-bar': NavBar,
            'book-carousel': BookCarousel,
            'cus-footer': Footer,
            'book-recommend-bar': BookRecommendBar
        }
    }
</script>

<style scoped>

</style>